.marquee-wrap {
  display: flex;
  overflow: hidden;
  .marquee-content {
    padding-right: 1rem;
    white-space: nowrap;
    &:nth-child(1) {
      animation: marquee1 20s linear infinite;
    }
    &:nth-child(2) {
      animation: marquee2 20s linear -10s infinite;
    }
  }
}

@keyframes marquee1 {
  from {
    transform: translateX(100%);
  }
  to {
    transform: translateX(-100%);
  }
}

@keyframes marquee2 {
  from {
    transform: translateX(0%);
  }
  to {
    transform: translateX(-200%);
  }
}
